.page-menu {
  background-color: #eee;
  width: auto;
  padding: 4px;
  margin-bottom: 9px;
  .hs-btn {
    border: none;
    background-color: #f7f7f7;
    outline: none;
    padding: 8px 16px;
    border-radius: 2px;
    font-size: 16px;
    &:hover {
      background-color: #fff;
      color: var(--el-color-primary);
      box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.04);
    }
  }
  .hs-btn.isActive {
    background-color: #fff;
    color: var(--el-color-primary);
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.04);
  }
  .item + .item {
    margin-left: 3px;
    :deep(.el-badge__content.is-fixed.is-dot, .el-badge__content.is-dot) {
      width: 5px;
      height: 5px;
      right: 13px;
      top: 8px;
    }
  }
}
